<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" contentType="text/html;charset=utf-8" %>
<!DOCTYPE html>
<html lang="en">

    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
     <!-- Site Metas -->
    <title>Dominic - Responsive HTML5 OnePage Template</title>  
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Site Icons -->
    <link rel="shortcut icon" href="${base}/ins/images/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="${base}/ins/images/apple-touch-icon.png">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="${base}/ins/css/bootstrap.min.css">
    <!-- Site CSS -->
    <link rel="stylesheet" href="${base}/ins/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="${base}/ins/css/responsive.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="${base}/ins/css/custom.css">
	<script src="${base}/ins/js/modernizr.js"></script> <!-- Modernizr -->

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body id="page-top" class="politics_version">

    <!-- LOADER -->
    <div id="preloader">
        <div id="main-ld">
			<div id="loader"></div>  
		</div>
    </div><!-- end loader -->
    <!-- END LOADER -->
	
    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">
			<img class="img-fluid" src="${base}/ins/images/logo.png" alt="" />
		</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav text-uppercase ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger active" href="#home">主页</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">新闻</a>
            </li>
			  <li class="nav-item">
				  <a class="nav-link js-scroll-trigger" href="#services">功能</a>
			  </li>
              <li class="nav-item">
                <a class="nav-link js-scroll-trigger" >用户：</a>
              </li>
            <li class="dropdown dropdown-profile">
              <a href="javascript:void(0)" data-toggle="dropdown">
                <img class="img-avatar img-avatar-48 m-r-10" style="width: 40px;height: 40px;border-radius: 50%" src="${base}/upload/${theUser.headpic}" alt="图片丢失" />
                <span style="color: white;position: relative; top: 2px">${theUser.name}<span class="caret"></span></span>
              </a>
              <ul class="dropdown-menu dropdown-menu-right" style="color: black">
                <li> <a target="_top" href="${base}/toProfile"><i class="mdi mdi-account"></i> 个人信息</a> </li>
                <li> <a target="_top" href="${base}/toEditPwd"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
                <c:forEach var="m" items="${theUser.r.menus}">
                  <c:if test="${m.id eq 1}">
                    <li><a href="${base}/user/toAdmin" target="_top"><i class="mdi mdi-account">进入后台首页</i></a></li>
                  </c:if>
                </c:forEach>
                <li class="divider"></li>
                <li> <a href="${base}/user/logout"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
              </ul>
            </li>
<%--              <li class="nav-item">--%>
<%--                  <a class="nav-link js-scroll-trigger" href="${base}/user/toAdmin">${theUser.name}</a>--%>
<%--              </li>--%>
          </ul>
        </div>
      </div>
    </nav>
	
	<section id="home" class="main-banner parallaxie" style="background: url('${base}/ins/uploads/banner-01.jpg')">
		<div class="heading">
			<h1>思诚教育考试系统</h1>
			<p>"Sicheng Education Examination System."</p>
			<h3 class="cd-headline clip is-full-width">
				<span>There is no end to learning </span>
				<span class="cd-words-wrapper">
					<b class="is-visible">思诚科技</b>
					<b>教育考试</b>
					<b>交友学习</b>
					<b>论坛交流</b>
				</span>
			</h3>
		</div>
	</section>

	<svg id="clouds" class="hidden-xs" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 85 100" preserveAspectRatio="none">
        <path d="M-5 100 Q 0 20 5 100 Z
            M0 100 Q 5 0 10 100
            M5 100 Q 10 30 15 100
            M10 100 Q 15 10 20 100
            M15 100 Q 20 30 25 100
            M20 100 Q 25 -10 30 100
            M25 100 Q 30 10 35 100
            M30 100 Q 35 30 40 100
            M35 100 Q 40 10 45 100
            M40 100 Q 45 50 50 100
            M45 100 Q 50 20 55 100
            M50 100 Q 55 40 60 100
            M55 100 Q 60 60 65 100
            M60 100 Q 65 50 70 100
            M65 100 Q 70 20 75 100
            M70 100 Q 75 45 80 100
            M75 100 Q 80 30 85 100
            M80 100 Q 85 20 90 100
            M85 100 Q 90 50 95 100
            M90 100 Q 95 25 100 100
            M95 100 Q 100 15 105 100 Z">
        </path>
    </svg>

    <div id="about" class="section wb">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="message-box">                        
                        <h2>思诚教育</h2>
                        <p> Integer rutrum ligula eu dignissim laoreet. Pellentesque venenatis nibh sed tellus faucibus bibendum. Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae rutrum neque. Ut id erat sit amet libero bibendum aliquam. Donec ac egestas libero, eu bibendum risus. Phasellus et congue justo. </p>
						<p>Sed vitae rutrum neque. Ut id erat sit amet libero bibendum aliquam. Donec ac egestas libero, eu bibendum risus. Phasellus et congue justo.</p>

                        <a href="#" class="sim-btn btn-hover-new" data-text="Download CV"><span>Download CV</span></a>
                    </div><!-- end messagebox -->
                </div><!-- end col -->

                <div class="col-md-6">
                    <div class="right-box-pro wow fadeIn">
                        <img src="${base}/ins/uploads/about_04.jpg" alt="" class="img-fluid img-rounded">
                    </div><!-- end media -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->
	
    <div id="services" class="section lb">
        <div class="container">
            <div class="section-title text-left">
                <h3>功能模块</h3>
                <p></p>
            </div><!-- end title -->

            <div class="row">
				<div class="col-md-4">
                    <div class="services-inner-box">
                        <a href="#">
                            <div class="ser-icon">
                                <i class="flaticon-seo"></i>
                            </div>
                                <h2>个人模块</h2>
                                <p>Everyone is unique, please show yourself and click to enter the personal display module</p>
                             </a>
					</div>
                </div><!-- end col -->
                <div class="col-md-4">
                    <div class="services-inner-box">
                        <a href="${base}/exam/toIndex">
						<div class="ser-icon">
							<i class="flaticon-development"></i>
						</div>

						<h2>考试模块</h2>
						<p>At this point, do not beat when to wait,Come on rush, you're the best. click to enter the exam module</p>
                        </a>
                    </div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
                        <a href="${base}/friends/selectAllfs">
						<div class="ser-icon">
							<i class="flaticon-process"></i>
						</div>

						<h2>交友模块</h2>
						<p>Make friends and communicate with each other. Click to enter the Dating module</p>
                        </a>
					</div>
                </div><!-- end col -->
				<div class="col-md-4">
                    <div class="services-inner-box">
                        <a href="${base}/study/toCase">
						<div class="ser-icon">
							<i class="flaticon-discuss-issue"></i>
						</div>

						<h2>学习模块</h2>
						<p>There is no end to learning, and it is better not to learn at this time! Click to enter the learning module</p>
                        </a>
                    </div>
                </div><!-- end col -->

				<div class="col-md-4">
                    <div class="services-inner-box">
                        <a href="${base}/post/toHome">
						<div class="ser-icon">
							<i class="flaticon-idea"></i>
						</div>
						<h2>论坛模块</h2>
						<p>Talk to people you like about things you're interested in. Click to enter the forum module</p>
                        </a>
                    </div>
                </div><!-- end col -->

            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->
	


	


    <a href="#" id="scroll-to-top" class="dmtop global-radius"><i class="fa fa-angle-up"></i></a>

    <!-- ALL JS FILES -->
    <script src="${base}/ins/js/all.js"></script>
	<!-- Camera Slider -->
	<script src="${base}/ins/js/jquery.mobile.customized.min.js"></script>
	<script src="${base}/ins/js/jquery.easing.1.3.js"></script>
	<script src="${base}/ins/js/parallaxie.js"></script>
	<script src="${base}/ins/js/headline.js"></script>

	<!-- Contact form JavaScript -->
    <script src="${base}/ins/js/jqBootstrapValidation.js"></script>
    <script src="${base}/ins/js/contact_me.js"></script>
    <!-- ALL PLUGINS -->
    <script src="${base}/ins/js/custom.js"></script>
    <script src="${base}/ins/js/jquery.vide.js"></script>

</body>
</html>